<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="stylesheet" href="./css/base.css">
    <style>
        #login{
            position: absolute;
            left: 80%;
            top: 30%;
            transform: translate(-50%, -50%);
        }
    </style>
</head>
<body>
    <div style="width: 100%;height: 500px;background-color: brown;">
        <div id="login" style="background-color: aqua;padding-top: 20px;padding-left: 20px;">

            <div style="margin-left: 50px;">
                <button ><a href="./登录.html">账号密码登录</a> </button>
                <button ><a href="./验证码登录.html">验证码登录</a> </button>
            </div>
            <br>
            <form action="" style="width: 300px;height: 150px;top: 50%;left: 50%;">
                <table>
                    <tr>
                        <td>
                            用户名：
                        </td>
                        <td>
                            <input type="text" placeholder="请输入用户名\手机号码">
                        </td>
                    </tr>
                    <tr>
                        <td>
                            密码：
                        </td>
                        <td>
                            <input type="password" placeholder="请输入6到25位密码">
                        </td>
                    </tr>
                </table>
                <button style="width: 100px;margin-left: 90px;">登录</button>
                <p>没有账号？<a href="./注册.html">立即注册！</a></p> 
            </form>
        </div>
    </div>
    
    
</body>
</html>
<template>
    
</template>